// .header{
// position: fixed
// // top: 3.125rem /* 50/16 */
// z-index: 100
// .header-box{
// max-height: 3rem /* 48/16 */
// .logo-left{
// max-height: 50px;
// line-height: 50px
// .logo{
// height: 50px;
// }
// }
// .ant-menu-horizontal{
// border-bottom: none
// }
// .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left{
// border-right: none
// }
// .ant-menu{
// box-shadow: none
// }
// .navbar-toggle{
// background-color: rgba(0,0,0,0,0.1)
// box-shadow: none
// border: none
// .icon-bar{
// background-color: #000000
// }
// }
// .ant-menu-item, .ant-menu-submenu-title{
// font-size: 1.625rem /* 26/16 */
// }
// .navbar-collapse{
// padding-left: 4rem
// padding-right: 0rem
// }
// // .cove{
// //     position: fixed
// //     top: 0rem /* 0/16 */
// //     bottom: 0rem /* 0/16 */
// //     left: 0rem /* 0/16 */
// //     right: 0rem /* 0/16 */
// //     background-color: rgba(0,0,0,0.5)
// //     z-index: -1
// // }

// }
// }

// .header-background{
// position: fixed
// top: 0rem
// width: 100%
// height: 50px
// z-index: 1

// }
// .ant-drawer-body{
// padding: 0rem
// }

// @media screen and (max-width: 768px) {
// .ant-menu{
// // border: .0625rem solid #eeeeee
// // border-radius: .75rem /* 12/16 */
// // margin-right: .3125rem /* 5/16 */
// }
// .ant-menu-item {
// margin-top: 0rem /* 0/16 */
// }
// .ant-menu-item, .ant-menu-submenu-title{
// padding: .625rem 0rem
// text-align: left
// // line-height: 40px;
// vertical-align: middle
// }
// .ant-menu-item .anticon, .ant-menu-submenu-title .anticon{
// margin-left: .3125rem /* 5/16 */
// }
// .header{
// min-width: 100%
// position: fixed
// top: 1.5625rem /* 25/16 */
// }
// .header[_ngcontent-c0] .header-box[_ngcontent-c0] .navbar-toggle[_ngcontent-c0] .icon-bar[_ngcontent-c0]{
// background-color: #ffffff
// }
// .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{
// // border-radius: .75rem /* 12/16 */
// }
// .title-style .ant-menu-item .ant-menu-item-selected{
// margin-top: 0
// margin-bottom: 0
// }
// .ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left{
// border-right: none
// }
// li.ng-tns-c1-0.ant-menu-item.ng-star-inserted{
// margin-bottom: 0rem /* 0/16 */
// }
// .ant-menu-item[_ngcontent-c1] .anticon[_ngcontent-c1], .ant-menu-submenu-title[_ngcontent-c1] .anticon[_ngcontent-c1]{
// margin-left: 0rem /* 0/16 */
// font-size: 16px
// margin-right: 2rem /* 25/16 */
// }
// // .logo{
// //  vertical-align: middle;
// // }
// // .parent{
// //     display: table-cell;
// //     vertical-align:middle;
// // }
// }
// @media screen and (min-width: 768px) {
// .navbar-collapse{
// padding-left: 6rem !important
// background-color: rgba(0,0,0,0,0.1)
// }
// .ant-menu{
// min-width 41.25rem /* 500/16 */
// background-color: rgba(0,0,0,0,0.1)
// color: rgba(0, 0, 0, 0.8)
// }
// }
// @media screen and (min-width:992px) {
// .navbar-collapse{
// padding-left: 2rem !important
// background-color: rgba(0,0,0,0,0.1)
// }
// }
// @media only screen and (min-width: 1200px) {
// .navbar-collapse{
// padding-left: 3.2rem !important
// background-color: rgba(0,0,0,0,0.1)
// }
// .header{
// position: fixed
// top: 1.25rem /* 20/16 */
// }
// .logo{
// padding-left: 0rem
// }
// .ant-menu{
// min-width 46rem
// background-color: rgba(0,0,0,0,0.1)
// color: rgb(0,0,0);
// }
// }
// @media screen and (max-width: 768px) and (min-width: 768px){
// .ant-menu-item[_ngcontent-c1][_ngcontent-c1] .anticon[_ngcontent-c1][_ngcontent-c1], .ant-menu-submenu-title[_ngcontent-c1][_ngcontent-c1] .anticon[_ngcontent-c1][_ngcontent-c1]{
// margin-left: 3rem;
// margin-right: 0.5rem;
// }
// }
.header-box {
    position: fixed;
    top: 0;
    z-index: 100;

    // width: 1170px;
    // margin-top:10px;
    .header {
        display: flex;
        justify-content: space-between;

        .logo {
            height: 50px;
            max-width: 50px;
        }

        .title-box {
            line-height: 50px;
            font-weight: 500;
        }
    }

    .list {
        list-style: none;
        display: flex;
        font-size: 0;
        line-height: 50px;

        .list-content {
            font-size: 18px;
            padding: 0px 15px;
        }
    }

    .navbar-toggle {
        display: none;
    }

    .drawer {
        display: none;
    }
}

.header-background {
    position: fixed;
    top: 0rem;
    width: 100%;
    height: 50px;
    z-index: 1;
    transition: all 0.3s;
}

.ant-menu-horizontal {
    border: none;
}

.frontSize {
    font-size: 16px;
}

.marginLeft {
    margin-left: 10px;
}

.compatible {
    background: rgb(48, 54, 67);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 99;
}


@media screen and (min-width: 1200px) {
    .header-box {
        min-width: 1170px;
    }
}

@media screen and (max-width: 1200px) {
    .header-box {
        min-width: 950px;
    }
}

@media screen and (max-width: 992px) {
    .header-box {
        min-width: 750px;
    }
}

@media screen and (max-width: 768px) {
    .navbar-toggle {
        position: fixed;
        right: 0px;
        background-color: rgba(0, 0, 0, 0, 0.1);
        box-shadow: none;
        border: none;
        display: inline !important;
    }

    .navbar-toggle[_ngcontent-c0] .icon-bar[_ngcontent-c0] {
        background-color: #ffffff;
    }

    .icon-bar {
        background-color: #000000;
    }

    .drawer {
        display: block;
    }

    .list-box {
        display: none;
    }

    .header-box {
        min-width: 0px;
    }

    .ant-btn {
        padding: 0px;
    }
}